<script setup lang="ts">
import { reactive } from 'vue';

/**
 reactive的TS写法
 - reactive() 也会隐式的依据数据推导类型
 */

// 1. 默认值属性是固定的，推荐使用类型推导
// const book = reactive({ name: 'vue3医疗项目' })
// const person = reactive({ name: '张三', age: 18 })

// 2. 对象中有必选属性和可选属性
// 预期: {name: string; price?: number}
type Book = {
  name: string
  price?: number
}

// 不推荐
// const book = reactive<Book>({ name: 'vue3医疗项目' })

const book: Book = reactive({ name: 'vue3医疗项目' })
book.price = 1000
</script>

<template>
  <div></div>
</template>

<style scoped></style>
